<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Summer</title>
	<link rel="stylesheet" type="text/css" href="../css/summer.css">
</head>
<body>
	<!--
		快速生成以下代码
		div.photo>ul>li*9>img[src="../imgs/Summer/summer_0$.jpg"] 
	-->
	<div class="startDiv">
		<button class="startBtn">
			start
		</button>
	</div>
	<div class="photo">
		<ul>
			<li><img src="../imgs/Summer/summer_01.jpg" alt=""></li>
			<li><img src="../imgs/Summer/summer_02.jpg" alt=""></li>
			<li><img src="../imgs/Summer/summer_03.jpg" alt=""></li>
			<li><img src="../imgs/Summer/summer_04.jpg" alt=""></li>
			<li><img src="../imgs/Summer/summer_05.jpg" alt=""></li>
			<li><img src="../imgs/Summer/summer_06.jpg" alt=""></li>
			<li><img src="../imgs/Summer/summer_07.jpg" alt=""></li>
			<li><img src="../imgs/Summer/summer_08.jpg" alt=""></li>
			<li><img src="../imgs/Summer/summer_09.jpg" alt=""></li>
		</ul>
	</div>
	<div class="title">
		<div class="time">
			<span>time:</span>
			<span id="time">0</span>	
		</div>
		<div class="steps">
			<span>steps:</span>
			<span id="steps">0</span>			
		</div>
	</div>

	<script type="text/javascript" src="../js/summer.js"></script>
</body>
</html>